<template>
    <div>
      <header-info></header-info>
      <tab></tab>
      <!--<transition-->
        <!--v-on:before-enter="beforeEnter"-->
        <!--v-on:enter="enter"-->
        <!--v-on:after-enter="afterEnter"-->
        <!--v-on:enter-cancelled="enterCancelled"-->

        <!--v-on:before-leave="beforeLeave"-->
        <!--v-on:leave="leave"-->
        <!--v-on:after-leave="afterLeave"-->
        <!--v-on:leave-cancelled="leaveCancelled">-->
          <!--<router-view></router-view>-->
      <!--</transition>-->
      <router-view></router-view>
    </div>
</template>

<script>
    import HeaderInfo from './common/HeaderInfo'
    import {mapActions} from 'vuex'
    import Tab from './common/Tab'
    export default {
        name: "person-index",
        data () {
          return {

          }
        },
      created () {
        this.updateUserInfo()
      },
      components: {
        HeaderInfo,
        Tab
      },
      methods: {
        ...mapActions(['updateUserInfo'])
      }
    }
</script>

<style scoped>

</style>
